<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>京东-欢迎登录</title>
<link rel="stylesheet" type="text/css" href="css/login.css"/>
</head>
<body>
		<!-- **************头部页面开始****** -->
		<div class="w">
			<div id="logo">
				<a href="index.html"><img src="loginImg/login.png" alt=""></a>
			</div>
			<!-- 左边登录logo结束 -->
			
			<a href="#" id="lo"><b class="fl"></b>登录页面，调查问卷</a>
		</div>
		<div id="content">
		   <!-- login-wrapk开始 -->
		  <div class="login-wrap">
		    <!-- w开始 -->
		  	<div class="s">
		           <!-- *****************登录页面开始************ -->
				  <div class="login-tab login-tab-l">
				  	<a href="javascript:;">扫码登录</a>
				  </div>
				  <div class="login-tab login-tab-r">
				  	<a href="javascript:;">账号登录</a>
				  </div>
				   <div class="coagent" >
				   	<ul>
				   		<li>
				   			<a href="javascript:void(0)" onclick="return false;" class="pdl">
				   				<b class="QQ-icon"></b>
				   				<span>QQ</span>
				   			</a>
				   			<span class="line">|</span>
				   		</li>
				   		<li>
				   			<a href="javascript:void(0)" onclick="return false;" class="pdl">
				   				<b class="weixin-icon"></b>
				   				<span>微信</span>
				   			</a>
				   			<span class="line">|</span>
				   		</li>
				   		<li>
				   			<a href="javascript:void(0)" onclick="return false;">
				   				京东钱包
				   			</a>
				   			<span class="line">|</span>
				   		</li>
				   		<li class="extra-r">
				   		   <div class="regist-link">
				   			<a href="registered.jsp" class="">
				   				<b></b>立即注册
				   			</a>
				   		   </div>
				   		</li>
				   	</ul>
				   </div>
				   <div class="login-box" style="visibility: visible; display: none;">
				     <div class="mt"></div>
				     <!-- 登录提示信息开始 -->
				     <div class="msg-wrap">
				     	  <div class="msg-warn">
							<b></b>
							公共场所不建议自动登录，以防账号丢失
						  </div>
				     </div>
				     <div id="ppp">
							
				     </div>
				     <!-- 登录提示信息结束 -->
				     <div id="pp">
				     	<div class="form">
				     		<form action=""  method="post" >
				     			<!-- 用户名输入框fore1 -->
				     			<div class="item item-fore1">
				     				<label for="loginname" class="login-label name-label"></label>
				     				<input type="text" name="loginname" class="itxt"  id="name"  tabindex="1" autocomplete="off" placeholder="邮箱/用户名/已验证手机">
				     		
				     			</div>
				     			<!-- 密码输入框fore2 -->
				     			<div class="item item-fore2" style="visibility: visible">
				     				<label class="login-label pwd-label" for="nloginpwd"></label>
				     				<input type="password" name="" id="pwd"  class="itxt" tabindex="2" autocomplete="off" placeholder="密码">
				     			
				     			</div>
				               <!-- 自动登录开始fore4 -->
				               <div class="item">
				               	<div class="safe">
				               		<span>
				               			<input type="checkbox"  name="chkRememberMe" tabindex="3">
				               			<label for="">自动登录</label>
				               		</span>
				               		<span class="forget-pw-safe">
				               			<a href="">忘记密码</a>
				               		</span>
				               	</div>
				               </div>
				               <!-- 登录按钮开始 -->
				               <div class="item">
				               	<div class="login-btn">
				               		<a href="javascript:;" class="btn-img " tabindex="6" id="sss">登&nbsp;&nbsp;&nbsp;&nbsp;录</a>
				               	</div>
				               </div>
				     		</form>
				     	</div>
				     </div>
				     <!-- mc结束 2input+自动登录+登录按钮-->
				   	
				   </div>
				   <div class="qrcode-login" style="display: block; visibility: visible;">
				   	<div class="mc">
				   		<div class="qrcode-main">
				   		    
				   			<div class="qrcode-img" style="left: 64px;">
				   				<img src="loginImg/code.png" alt="">
				   			</div>
				   			<div class="qrcode-help" style="display: none;"></div>
				   		</div>
				   		<!-- 二维码结束 -->
				   		<div class="qrcode-panel">
				   			<ul>
				   				<li class="fore1">
				   					<span>打开</span>
				   					<a href="">
				   						<span class="red">手机京东</span>
				   					</a>
				   				</li>
				   				<li>扫描二维码</li>
				   			</ul>
				   		</div>
				   		<!-- panel结束 -->
				   		<div class="coagent qr-coagent" style="display: block; visibility: visible;">
				   			<ul>
				   				<li><b></b><em>免输入</em></li>
				   				<li><b ></b><em>更快&nbsp;</em></li>
				   				<li><b ></b><em>更安全</em></li>
				   			</ul>
				   		</div>
				   	</div>
				   	<!-- mc结束 -->
				   </div>
		  		  <!-- ************ 登录页面login-form结束************  -->
		  	</div>
		  	<!-- w结束 -->
		  	<!-- 中间广告部分开始 -->
		  	<div class="login-banner" style="background-color: #fc3343">
		  		<div class="w">
		  			<div class="supermarket" style="background: url(loginImg/a1.jpg) no-repeat;"></div>
		  		</div>
		  	</div>
		  	<!-- 中间背景广告结束 -->
		  </div>
			<!-- login-wrap结束 -->
		</div>
		<!-- 底部页面开始 -->
		<div id="footer">
			<div class="links">
				<a href="">关于我们</a>
				<a href="">|</a>
				<a href="">联系我们</a>
				<a href="">|</a>
				<a href="">人才招聘</a>
				<a href="">|</a>
				<a href="">商家入驻</a>
				<a href="">|</a>
				<a href="">广告服务</a>
				<a href="">|</a>
				<a href="">手机京东</a>
				<a href="">|</a>
				<a href="">友情链接</a>
				<a href="">|</a>
				<a href="">销售联盟</a>
				<a href="">|</a>
				<a href="">京东社区</a>
				<a href="">|</a>
				<a href="">京东公益</a>
				<a href="">|</a>
				<a href="">English site</a>
			</div>
			<br />
			<div id="xiabian">
				<a href="">Copyright © 2004-2020  京东JD.com 版权所有</a>
			</div>
		</div>
		<!-- 底部页面结束 -->
		<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
		<script type="text/javascript">
			//alert($)
			//微信登录和账号登录切换
			$(".login-tab-r").click(function(){
				$(".login-box").css({"display":"block","visibility":"visible"});
				$(".qrcode-login").css({"display":"none"})				
			});
			$(".login-tab-l").click(function(){
				$(".login-box").css({"display":"none"});
				$(".qrcode-login").css({"display":"block","visibility":"visible"})				
			});
			//点击微信图片显示帮助
			$(".qrcode-img").hover(function(){
				$(".qrcode-img").css({"left": "0"});
				$(".qrcode-help").css({"display":"block"});				
			},function(){
				$(".qrcode-img").css({"left": "64px"});
				$(".qrcode-help").css({"display":"none"});	
			});
			$("#sss").click(function(){
				$("#sss").click(function(){
					var name = $("#name").val();
					var pwd = $("#pwd").val();
					if(name == null || name == "" || pwd == null || pwd == ""){
						$("#ppp").html("请输入账户或密码");
						$("#ppp").css({"color":"red","height":"20px","width":":200px","background":"#FFEBEB","border":"1px solid #FACCC6"});
					}else{
						$.post("Jingdong_userSys?user=login","names="+name+"&pwds="+pwd,
							function(data){
								if(data > 0 ){
									window.location.href = "Jingdong_userSys?user=weiyi&name="+name;
								}else{
									$("#ppp").html("您输入的账户或密码不正确");
									$("#ppp").css({"color":"red","height":"20px","width":":200px","background":"#FFEBEB","border":"1px solid #FACCC6"});
								}
								
						});
					}
					
				});
			});
		</script>
</body>
</html>